<template>
  <div class="pageLayout">
        <div class="topbanner">
            <div><img src="https://static.cdpservice.com/image/banner/创业就业.jpg" alt="" /></div>
            <img src="https://static.cdpservice.com/image/banner/创业就业.jpg" alt="">
        </div>
      <div class="botcontent">
          <div class="left">
              <LeftContent />
          </div>
          <div class="right">
              <RightContent />
          </div>
      </div>
  </div>
</template>

<script>
import LeftContent from './employment/leftContent.vue';
import RightContent from './employment/rightContent.vue';

export default {
    components: { LeftContent,RightContent }
}
</script>

<style lang="less" scoped>
    .pageLayout{
        background-color: #f8f8f8;
        background-image: url('~@/assets/image/employment/backimg.png');
        background-size:100% auto;
        min-height: calc(100vh - 284px);
        overflow-y: none;
        -webkit-overflow-scrolling: touch;
        .topbanner {
            max-width: 100% !important;
            max-height: 693px;
            overflow: hidden;
            div{
                width: 100%;
                max-height: 693px;
                z-index: 0;
                position: absolute;
                filter:blur(10px);
                overflow: hidden;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            img{
                display: block;
                margin: 0 auto;
                max-width: 100%;
                max-height:800px;
                z-index: 1;
                position: relative;
            }
        }
        .botcontent{
            width: 1200px;
            margin: 0 auto;
            margin-top: 20px;
            display: flex;
            justify-content: space-between;
            .left{
                width: 840px;
                background-color: #FFFFFF;
                margin-bottom: 50px;
                box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.07);
            }
            .right{
                box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.07);
                width: 340px;
                background-color: #FFFFFF;
                margin-bottom: 50px;
            }
        }
    }
</style>